/* LOGIN ONLY */

div#connection{
    width:400px;
}

div#connection div.input div.input_title{
    float:left;
    text-align:right;
    width:190px;
    padding-right:10px;
    background:#7FB311;
    height:20px;
    line-height:20px;
    color:#FFFFFF;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
}

div#connection div.input div.input_object{
    margin:0px;
    margin-left:200px;
    padding:0px;
    width:200px;
    text-align:left;
    background:transparent;
    height:20px;
}

    div#connection div.input div.input_object input[type="text"],
    div#connection div.input div.input_object input[type="password"]{
        margin:0px;
        padding:0px;
        border: none;
        height:20px;
        width:200px;
        background:#FFFFFF;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
        cursor:text;
    }
    
    div#connection div.input div.input_object select{
        margin:0px;
        padding:0px;
        border: none;
        height:20px;
        width:250px;
        background:#FFFFFF;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
        cursor:pointer;
    }
    
div#connection div.input div.input_object_checkbox{
    position: relative;/* for checkbox */
    margin:0px;
    margin-left:200px;
    padding-left:150px;
    width:50px;
    text-align:left;
    background:#7FB311;
    height:20px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
    
    /* Checkbox !! style iOS */
    div#connection div.input div.input_object_checkbox input[type="checkbox"]:before {
        border:1px solid #7FB311;
	content: 'I\0000a0\0000a0\0000a0\0000a0\0000a0\0000a0\0000a0O';
	position: absolute;
	right:0px;
        top:-3px;
        padding-left:4px;
	width: 66px;
	height: 24px;
	line-height: 26px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	color: #CACACA;
	text-shadow: none;
	background-color: #7FB311;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#717171), to(#2E2E2E)),
                    -webkit-gradient(linear, 0% 100%, 0% 0%, from(#7FB311), to(#628732));
	background: -webkit-linear-gradient(top, #717171 50%, #2E2E2E 50%),
                    -webkit-linear-gradient(top,#7FB311 50%, #628732 50%);
	background: -moz-linear-gradient(top, #717171 50%, #2E2E2E 50%),
                    -moz-linear-gradient(top, #7FB311 50%, #628732 50%);
	background: -o-linear-gradient(top, #717171 50%, #2E2E2E 50%),
                    -o-linear-gradient(top, #7FB311 50%, #628732 50%);
	background: linear-gradient(top, #717171 50%, #2E2E2E 50%),
                    linear-gradient(top, #7FB311 50%, #628732 50%);
	-webkit-background-size:100% 100%;
	-moz-background-size:	100% 100%;
	-o-background-size:	100% 100%;
	background-size:	100% 100%;
	background-position: -35px 0, 35px 0;
	background-repeat: no-repeat;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	-o-border-radius:	5px;
	border-radius:		5px;
	-webkit-transition:	color 0.5s ease-in-out, background-position 0.5s ease-in-out;
	-moz-transition:	color 0.5s ease-in-out, background-position 0.5s ease-in-out;
	-o-transition:		color 0.5s ease-in-out, background-position 0.5s ease-in-out;
	transition:		color 0.5s ease-in-out, background-position 0.5s ease-in-out;
    }
    
    div#connection div.input div.input_object_checkbox input[type="checkbox"]:checked:before {
            color: #FFFFFF;
            background-position: 35px 0, -35px 0;
            text-shadow: #FFFFFF 0px 0px 4px;
            border:1px solid #FFFFFF;
    }
    
    div#connection div.input div.input_object_checkbox input[type="checkbox"]:focus:before {
            -webkit-box-shadow:	inset 0 1px 2px rgba(0,0,0,.6), 0 0 0 2px rgba(0,0,0,.6);
            -moz-box-shadow:	inset 0 1px 2px rgba(0,0,0,.6), 0 0 0 2px rgba(0,0,0,.6);
            -o-box-shadow:	inset 0 1px 2px rgba(0,0,0,.6), 0 0 0 2px rgba(0,0,0,.6);
            box-shadow:		inset 0 1px 2px rgba(0,0,0,.6), 0 0 0 2px rgba(0,0,0,.6);
    }
    
    
/* Structure */

div.clear{
    width:100%;
    height:1px;
    overflow:hidden;
    clear:both;
}

div#tools{
    height:30px;
    color:#000000;
    border:1px solid #000000;
    background:#2e2e2e;
    padding:5px;
    margin-bottom:5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    div#tools input{
        float:left;
        margin-right:5px;
    }
    
    /* tool separator */
    div#tools div.separator{
        display:inline-block;
        float:left;
        width:7px;
        height:28px;
        margin:0px 5px;
        margin-left:0px;
        border:1px solid #000000;
        background:#7FB311;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
    /* pagination tool */
    div#tools div.pagination{
        display:inline-block;
        width:150px;
        float:left;
        margin-right:5px;
        padding:0px;
        padding-left:20px;
        padding-top:3px;
        height:25px;
        line-height: 20px;
        font-size:16px;
        background:#FFFFFF URL('../img/16x16/mimetypes/misc.png') 3px 6px no-repeat;
        border:1px solid #8A8A8A;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
div.ok_block{
    display:none;
    margin:0px;
    border:1px solid #1FAF3A;
    background:#B8FFBA URL('../img/32x32/actions/dialog-ok.png') 5px 10px no-repeat;
    color:#058E09;
    padding:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.error_block{
    display:none;
    margin:0px;
    border:1px solid #A71000;
    background:#EE968D URL('../img/32x32/actions/dialog-no.png') 5px 10px no-repeat;
    color:#A71000;
    padding:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.warn_block{
    display:none;
    margin:0px;
    border:1px solid #E5912A;
    background:#FFD4A0 URL('../img/32x32/status/gtk-dialog-warning-panel.png') 5px 10px no-repeat;
    color:#E5912A;
    padding:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.question_block{
    display:none;
    margin:0px;
    border:1px solid #05528E;
    background:#9DD1F9 URL('../img/32x32/status/stock_unknown.png') 5px 10px no-repeat;
    color:#05528E;
    padding:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.info_block{
    display:none;
    margin:0px;
    border:1px solid #05528E;
    background:#9DD1F9 URL('../img/32x32/status/gnome-info.png') 5px 10px no-repeat;
    color:#05528E;
    padding:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.loading_block{
    display:none;
    margin:0px;
    border:1px solid #525252;
    background:#C9C9C9 URL('../img/32x32/emblems/emblem-synchronized.png') 5px 10px no-repeat;
    color:#525252;
    padding:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* FORMS */

input{
    border:1px solid #8a8a8a;
    color:#000000;
    background:#ffffff;
}

input:hover{
    color:#000000;
    background:#b3b5b7;
}

/* resizeable panels */
div#resizeable_block{
    margin:auto;
}

    #resizeable_panel_left{
        float:left;
        width:20%;
        padding:10px;
        margin:0px;
        background:#FFFFFF;
        border:1px solid #7FB311;
        height:600px;
        color:#000000;
        text-align:left;
        overflow:auto;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    
        div.tree_title{
            height:20px;
            background:#7FB311;
            padding-left:10px;
            font-size:14px;
            font-weight:bold;
            color:#000000;
            font-family:verdana;
            line-height:20px;
        }
        
        a.tree_title,
        a.tree_title:hover{
            margin:5px 0px;
            margin-top:10px;
            height:20px;
            display:block;
            background:#7FB311;
            padding-left:10px;
            font-size:14px;
            font-weight:bold;
            color:#FFFFFF;
            font-family:verdana;
            line-height:20px;
            text-decoration:none;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
        
        a.tree_link{
            height:20px;
            display:block;
            color:#000000;
            font-size:14px;
            font-weight:normal;
            text-decoration:none;
            line-height:20px;
            background:transparent;
            padding-left:20px;
            cursor:pointer;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
        
        a.tree_link_grey{
            height:20px;
            display:block;
            color:#515151;
            font-size:14px;
            font-weight:normal;
            text-decoration:none;
            line-height:20px;
            background:transparent;
            padding-left:20px;
            cursor:pointer;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
        
        a.tree_link_active{
            height:20px;
            display:block;
            color:#000000;
            font-size:14px;
            font-weight:normal;
            text-decoration:none;
            line-height:20px;
            background:#B3B5B7;
            padding-left:20px;
            cursor:pointer;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
        
        a.tree_link_active_grey{
            height:20px;
            display:block;
            color:#E1E1E1;
            font-size:14px;
            font-weight:normal;
            text-decoration:none;
            line-height:20px;
            background:#B3B5B7;
            padding-left:20px;
            cursor:pointer;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
        
    
    #resizeable_panel_resize{
        float:left;
        width:5px;
        margin:0px;
        padding:0px;
        background:#7FB311 center URL('../img/resize.png') no-repeat;
        height:622px;
        cursor:col-resize;
    }
    
    #resizeable_panel_right{
        float:left;
        width:75%;
        margin:0px;
        padding:10px;
        background:#FFFFFF;
        border:1px solid #7FB311;
        height:600px;
        color:#000000;
        overflow:auto;
        text-align:left;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    
        #resizeable_panel_right div.content_title{
            background:#7FB311;
            color:#FFFFFF;
            padding:3px 0px;
            text-align:center;
            -moz-border-radius:5px;
            border-radius: 5px;
            margin-top:5px;
            margin-bottom:5px;
        }
        
        #resizeable_panel_right div.content_title_no_onglet{
            background:#7FB311;
            color:#FFFFFF;
            padding:3px 0px;
            text-align:center;
            -moz-border-top-left-radius:5px;
            border-top-left-radius: 5px;
            -moz-border-top-right-radius:5px;
            border-top-right-radius: 5px;
            margin-top:5px
        }
        
        
        /* Panel actions */
        div.actions,
        div.panel_actions{
            text-align:left;
            margin-left:10px;
        }
        
        /* content title */
        div.content_title{
            text-align:center;
            line-height:20px;
            font-size:18px;
            font-weight:bold;
        }
        
        /* content */
        div.content,
        div.panel_content{
            text-align:left;
            font-size:14px;
        }

/* Listings */
div.listing_headers{
    background:#7FB311;
    overflow:hidden;
    height:30px;
    padding-right:18px;
    font-size:12px;
    padding-top:10px;
    -moz-border-top-right-radius:10px;
    border-top-right-radius: 10px;
    -moz-top-left-border-radius:10px;
    border-top-left-radius: 10px;
}

    div.listing_headers table{
        background:#7FB311;
        color:#FFFFFF;
        border-collapse: collapse;
        border-spacing: 0px;
    }
    
        div.listing_headers table td{
            text-align:center;
        }
        

div.listing_headers_with_onglets{
    background:#7FB311;
    overflow:hidden;
    height:30px;
    padding-right:18px;
    font-size:12px;
}

    div.listing_headers_with_onglets table{
        background:#7FB311;
        color:#FFFFFF;
        border-collapse: collapse;
        border-spacing: 0px;
    }
    
        div.listing_headers_with_onglets table td{
            text-align:center;
        }


div.listing{
    background:#2E2E2E;
    border:1px solid #7FB311;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:scroll;
    height:500px;
    font-size:12px;
}

    div.listing tr td{
        background:transparent;
        color:#000000;
        border-left:1px solid #7FB311;
        border-right:1px solid #7FB311;
        padding:0px;
    }
    
    div.listing tr td.no_link{
        background:transparent;
        color:#000000;
        border-left:1px solid #7FB311;
        border-right:1px solid #7FB311;
        padding:10px 5px;
    }
    
    div.listing tr.pair_line td{
        background:#CACACA;
    }
    
    div.listing tr.impair_line td{
        background:#FFFFFF;
    }
    
    
    /* cas des liens */
    div.listing tr.pair_line td a:link,
    div.listing tr.pair_line td a:visited{
        background:transparent;
        color:#000000;
        display:block;
        text-decoration:none;
        font-weight:normal;
        background:#CACACA;
        padding:10px 5px;
    }
    
    div.listing tr.impair_line td a:link,
    div.listing tr.impair_line td a:visited{
        color:#000000;
        display:block;
        text-decoration:none;
        background:#FFFFFF;
        font-weight:normal;
        padding:10px 5px;
    }
    
    div.listing tr.pair_line td a:hover{
        background:#7FB311;
        color:#000000;
        cursor:pointer;
        display:block;
        text-decoration:none;
        font-weight:normal;
    }
    
    div.listing tr.impair_line td a:hover{
        background:#7FB311;
        color:#000000;
        cursor:pointer;
        display:block;
        text-decoration:none;
        font-weight:normal;
    }
    
    div.listing tr.pair_line_no_link td{
        background:transparent;
        color:#000000;
        text-decoration:none;
        font-weight:normal;
        background:#FFFFFF;
        border-left:1px solid #7FB311;
        border-right:1px solid #7FB311;
    }
    
    div.listing tr.impair_line_no_link td{
        color:#000000;
        text-decoration:none;
        background:#DADADA;
        border-left:1px solid #7FB311;
        border-right:1px solid #7FB311;
        font-weight:normal;
    }
    
div.listing_footer{
    background:#7FB311;
    border:1px solid #7FB311;
    height:20px;
    -moz-border-bottom-right-radius:10px;
    border-bottom-right-radius: 10px;
    -moz-bottom-left-border-radius:10px;
    border-bottom-left-radius: 10px;
}

div.content_title{
    background:#7FB311;
    color:#FFFFFF;
    padding:5px 0px;
    text-align:center;
    -moz-border-top-right-radius:10px;
    border-top-right-radius: 10px;
    -moz-top-left-border-radius:10px;
    border-top-left-radius: 10px;
}
    
    
div.block_form{
    color:#000000;
    background:#cacaca;
    border:1px dotted #7FB311;
    padding:10px;
    margin-bottom:10px;
}

    div.block_form div.form_title,
    div.block_form_left div.form_title,
    div.block_form_right div.form_title{
        color:#7FB311;
        background:#2e2e2e;
        border:1px solid #000000;
        margin:10px 0px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-size:16px;
        font-weight:bold;
        padding:10px;
    }

div.block_form div.input,
div.block_form_left div.input,
div.block_form_right div.input{
    width:800px;
    display:block;
    margin:auto;
    margin-top:10px;
    min-height:20px;
    background:transparent;
}
    
div.input div.input_title{
    float:left;
    text-align:right;
    width:240px;
    padding-right:10px;
    background:#2e2e2e;
    height:20px;
    line-height:20px;
    color:#FFFFFF;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
}

div.input div.input_title_no_object{
    width:100%;
    text-align:center;
    background:#2e2e2e;
    height:20px;
    line-height:20px;
    color:#FFFFFF;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.input div.input_title_textarea{
    width:100%;
    text-align:center;
    background:#2e2e2e;
    height:20px;
    line-height:20px;
    color:#FFFFFF;
    -moz-border-radius-top-right: 5px;
    -moz-border-radius-top-left: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

div.input div.input_object{
    margin:0px;
    margin-left:250px;
    padding:0px;
    width:500px;
    text-align:left;
    background:transparent;
    height:20px;
}

    div.input div.input_object input[type="text"],
    div.input div.input_object input[type="password"]{
        margin:0px;
        padding:0px;
        border: none;
        height:20px;
        width:500px;
        background:#FFFFFF;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
        cursor:text;
    }
    
    div.input div.input_object_textarea{
	display:block;
	clear:both;
        margin:0px;
        padding:0px;
    }
    
	div.input div.input_object_textarea textarea{
	    display:block;
	    clear:both;
	    border: none;
	    height:100px;
	    width:100%;
	    max-width:100%;
	    background:#FFFFFF;
	    -moz-border-radius: 0px;
	    -moz-border-bottom-right-radius: 5px;
	    -moz-border-bottom-left-radius: 5px;
	    border-radius: 0px;
	    border-bottom-right-radius: 5px;
	    border-bottom-left-radius: 5px;
	    cursor:text;
	}
    
    div.input div.input_object input[type="file"]{
        margin:0px;
        padding:0px;
        border: none;
        height:20px;
        width:300px;
        background:#FFFFFF;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    div.input div.input_object select{
        margin:0px;
        padding:0px;
        border: none;
        height:20px;
        width:500px;
        background:#FFFFFF;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
        cursor:pointer;
    }
    
div.input div.input_object_checkbox{
    position: relative;/* for checkbox */
    margin:0px;
    margin-left:250px;
    padding-left:434px;
    width:66px;
    text-align:left;
    background:#2E2E2E;
    height:20px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
    
    /* Checkbox !! style iOS */
    div.input div.input_object_checkbox input[type="checkbox"]:before {
	border:1px solid #2E2E2E;
	content: 'I\0000a0\0000a0\0000a0\0000a0\0000a0\0000a0\0000a0O';
	position: absolute;
	right:0px;
        top:-3px;
        padding-left:4px;
	width: 66px;
	height: 23px;
	line-height: 24px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	color: #CACACA;
	text-shadow: none;
	background-color: #7FB311;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#717171), to(#2E2E2E)),
                    -webkit-gradient(linear, 0% 100%, 0% 0%, from(#7FB311), to(#628732));
	background: -webkit-linear-gradient(top, #717171 50%, #2E2E2E 50%),
                    -webkit-linear-gradient(top,#7FB311 50%, #628732 50%);
	background: -moz-linear-gradient(top, #717171 50%, #2E2E2E 50%),
                    -moz-linear-gradient(top, #7FB311 50%, #628732 50%);
	background: -o-linear-gradient(top, #717171 50%, #2E2E2E 50%),
                    -o-linear-gradient(top, #7FB311 50%, #628732 50%);
	background: linear-gradient(top, #717171 50%, #2E2E2E 50%),
                    linear-gradient(top, #7FB311 50%, #628732 50%);
	-webkit-background-size:100% 100%;
	-moz-background-size:	100% 100%;
	-o-background-size:	100% 100%;
	background-size:	100% 100%;
	background-position: -35px 0, 35px 0;
	background-repeat: no-repeat;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	-o-border-radius:	5px;
	border-radius:		5px;
	-webkit-transition:	color 0.5s ease-in-out, background-position 0.5s ease-in-out;
	-moz-transition:	color 0.5s ease-in-out, background-position 0.5s ease-in-out;
	-o-transition:		color 0.5s ease-in-out, background-position 0.5s ease-in-out;
	transition:		color 0.5s ease-in-out, background-position 0.5s ease-in-out;
    }
    
    div.input div.input_object_checkbox input[type="checkbox"]:checked:before {
            color: #FFFFFF;
            background-position: 35px 0, -35px 0;
            text-shadow: #FFFFFF 0px 0px 4px;
            border:1px solid #FFFFFF;
    }
    
    div.input div.input_object_checkbox input[type="checkbox"]:focus:before {
            -webkit-box-shadow:	inset 0 1px 2px rgba(0,0,0,.6), 0 0 0 2px rgba(0,0,0,.6);
            -moz-box-shadow:	inset 0 1px 2px rgba(0,0,0,.6), 0 0 0 2px rgba(0,0,0,.6);
            -o-box-shadow:	inset 0 1px 2px rgba(0,0,0,.6), 0 0 0 2px rgba(0,0,0,.6);
            box-shadow:		inset 0 1px 2px rgba(0,0,0,.6), 0 0 0 2px rgba(0,0,0,.6);
    }
    
div.input div.verif_object{
    float:right;
    margin:0px;
    padding:0px;
    width:40px;
    text-align:left;
    background:transparent;
    height:20px;
}

/* ONGLET ALPHABETIQUE ou CATEGORIQUE */
div.content_onglet{
    height:40px;
    background:URL('../img/bg_content_onglet.png') bottom repeat-x;
    border:none;
    padding:0px;
    overflow:hidden;
    padding-top:10px;
}

    div.content_onglet div.spacer{
        background:transparent;
        height:10px;
        width:800px;
        min-width:800px;
        overflow:hidden;
    }

    div.content_onglet a.onglet{
        height:29px;
        display:block;
        margin-right:10px;
        background:#000000;
        border-top:1px solid #7FB311;
        border-left:1px solid #7FB311;
        border-right:1px solid #7FB311;
        border-bottom:none;
        font-size:12px;
        color:#7FB311;
        float:left;
        line-height:29px;
        padding:0px;
        padding-left:7px;
        padding-right:7px;
        text-decoration:none;
        -moz-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    div.content_onglet a.onglet:hover,
    div.content_onglet a.onglet_active:hover
    {
        height:29px;
        display:block;
        margin-right:10px;
        border-top:1px solid #7FB311;
        border-left:1px solid #7FB311;
        border-right:1px solid #7FB311;
        border-bottom:none;
        font-size:12px;
        color:#FFFFFF;
        float:left;
        line-height:29px;
        padding:0px;
        padding-left:7px;
        padding-right:7px;
        text-decoration:none;
        -moz-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    div.content_onglet a.onglet_active{
        height:29px;
        display:block;
        margin-right:10px;
        background:#7FB311;
        border-top:1px solid #7FB311;
        border-left:1px solid #7FB311;
        border-right:1px solid #7FB311;
        border-bottom:none;
        font-size:12px;
        color:#FFFFFF;
        float:left;
        line-height:29px;
        padding:0px;
        padding-left:7px;
        padding-right:7px;
        text-decoration:none;
        -moz-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
    }